<!DOCTYPE html>
<html>
<head>
<title>popup</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
    href="jquery_ui/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
<link rel="stylesheet" href="jquery-ui-timepicker-addon.css"
    type="text/css"></link>
<link rel="stylesheet" type="text/css" href="index.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"
    src="jquery_ui/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="index.js"></script>
<script type="text/javascript" src="store.js"></script>
<script type="text/javascript" src="debug.js"></script>
</head>
<body>
    <p>WSAPP</p>
    <div class="head" id="head">
        <div type="notepad">Notepad</div>
        <div type="timingTasks" class="current">Timing Tasks</div>
    </div>
    <div class="line"></div>
    <div class="content">
        <div id="notepad" class="contentDiv" style="display: none;">
            <div class="row">
                <label for="date">date:</label> <input id="date"
                    size="15" readonly="readonly" date="date" />
            </div>
            <div class="row">
                <label for="title">title:</label> <input id="title"
                    size="45" />
            </div>
            <div class="row">
                <div id="text" contenteditable="true" class="text"></div>
            </div>
            <div class="row btnrow">
                <div>
                    <input type="button" value="save" class="save">
                    <input type="button" value="reset" class="reset">
                </div>
            </div>
        </div>
        <div id="timingTasks" class="contentDiv">
            <div class="btnrow">
                <div>
                    <input type="button" value="change"
                        id="timingTasksChange" cType="timingTaskslist"
                        nType="timingTasksForm">
                </div>
            </div>
            <div class="timingTaskslist" id="timingTaskslist">
                <!-- <div class="trow">
                    <div>2013-08-08 12:00</div>
                    <span>xxxx</span>
                </div> -->
            </div>
            <div class="timingTasksForm" style="display: none;">
                <div class="row">
                    <label for="tDate">date:</label> <input id="tDate"
                        size="15" readonly="readonly" date="date" />
                </div>
                <div class="row">
                    <div id="tText" contenteditable="true" class="text"></div>
                </div>
                <div class="row btnrow">
                    <div>
                        <input type="button" value="save" class="save">
                        <input type="button" value="reset" class="reset">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
